<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <f:view contentType="text/html">
        <h:head>
            <style type="text/css">
                .ui-widget-content{
                    background: none;
                }
            </style>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>SUSII</title>
            </f:facet>
        </h:head>
        <h:body style="background-image: url(background.png)">
            <p:layout fullPage="true">
<!--                <p:layoutUnit position="north" size="50" header="SUSII - Support System Invoice and Inventory">
                </p:layoutUnit>   -->
<!--                <p:layoutUnit position="south" size="50" footer="Copyright © 2015, AqpUp">
                </p:layoutUnit>-->
                <p:layoutUnit position="center">
                    <h:form style="padding-left: 20%; padding-top: 7%; width:30%">
                    <h:graphicImage value="logo.png" height="50%" width="50%"/>
                    <h:panelGrid columns="1" cellpadding="5"  style="color:#ffffff">
                    <f:facet name="header">
                        <p:row>
                            <p:column><h2 align="left">Soporte de Usuario Sistema Inventario</h2></p:column>
                        </p:row>
                        <p:row>
                            <p:column><h3 align="left">Vive esta experiencia, simple y fácil.</h3></p:column>
                        </p:row>
                    </f:facet>
                    <p:row>
                    <p:growl id="mensajes" showDetail="true" life="2000" />
                    <p:inputText id="username" label="username" size="30" value="#{loginBean.vendedorDTO.idUsuario}">
                    </p:inputText>
                    <p:watermark for="username" value="Usuario" />
                    </p:row>
                    <p:row>
                        <p:password id="password" label="username" size="30" value="#{loginBean.vendedorDTO.apellido}">
                    </p:password>
                    <p:watermark for="password" value="Contraseña"/>
                    </p:row>
                    <f:facet name="footer">
                        <h:panelGroup style="text-align:center">
                            <p:button outcome="Menu"  id="loginButton"  value="Ingresar"/>
                        </h:panelGroup>
                    </f:facet>
                    </h:panelGrid>
                    </h:form>
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>